<template>
  <div class="header">
    <router-link to="/" tag="div" class="header-left">
      <font-awesome-icon :icon="['fas', 'chevron-left']" size="lg"/>
    </router-link>
    <span>城市选择</span>
  </div>
</template>

<script>
export default {
  name: 'CityHeader'
}
</script>

<style lang="stylus" scoped>
  @import '~styles/varibles.styl';

  .header
    position: relative;
    overflow: hidden;
    height: $headerHeight;
    line-height: $headerHeight;
    text-align: center;
    color: #fff;
    background: $bgColor;
    font-size: 0.32rem;

    .header-left
      width: 0.64rem
      float: left
      line-height: 0.86rem

</style>
